<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- http://localhost:8080/atcrowdfunding02-admin-webui/test/ssm.html -->
<base
	href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
<script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript">
	$(function() {

		$("#btn3").click(function() {

			// 准备好要发送到服务端的数组
			var array = [5, 8, 12];
			console.log(array.length);
			
			// 将JSON数组转换为JSON字符串
			var requestBody = JSON.stringify(array);
			console.log(requestBody.length);
			
			$.ajax({
				"url" : "send/array/three.html", //请求目标资源的地址
				"type" : "post", //请求方式
				"data" : requestBody,  //要发送的请求数据
				"contentType":"application/json;charset=UTF-8",   //设置请求体的内容类型，告诉服务器端请求体是JSON数据
				"dataType" : "text", //如何对待服务器端返回的数据
				"success" : function(response) { //服务器端成功处理请求后调用的回调函数
					alert(response);
				},
				"error" : function(response) { //服务器端处理请求失败后调用的回调函数
					alert(response);
				}

			});
		});
		$("#btn2").click(function() {

			$.ajax({
				"url" : "send/array/two.html", //请求目标资源的地址
				"type" : "post", //请求方式
				"data" : {
					"array[0]" : 5, 
					"array[1]" : 8, 
					"array[2]" : 12
				}, //要发送的请求数据
				"dataType" : "text", //如何对待服务器端返回的数据
				"success" : function(response) { //服务器端成功处理请求后调用的回调函数
					alert(response);
				},
				"error" : function(response) { //服务器端处理请求失败后调用的回调函数
					alert(response);
				}

			});
		});
		$("#btn1").click(function() {

			$.ajax({
				"url" : "send/array/one.html", //请求目标资源的地址
				"type" : "post", //请求方式
				"data" : {
					"array" : [ 5, 8, 12 ]
				}, //要发送的请求数据
				"dataType" : "text", //如何对待服务器端返回的数据
				"success" : function(response) { //服务器端成功处理请求后调用的回调函数
					alert(response);
				},
				"error" : function(response) { //服务器端处理请求失败后调用的回调函数
					alert(response);
				}

			});
		});
		$("#btn5").click(function(){
			layer.msg("Layer弹框");
		});
	});
</script>
</head>
<body>

	<a href="test/ssm.html">测试SSM整合环境</a>

	<br />
	<br />

	<button id="btn1">Send[5,8,12] One</button>

	<br />
	<br />

	<button id="btn2">Send[5,8,12] Two</button>
	
	<br />
	<br />

	<button id="btn3">Send[5,8,12] Three</button>
	
	<br />
	<br />

	<button id="btn5">点我弹框</button>
	

</body>
</html>